<template>
  <div class="detail">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>卡片名称</span>
        <el-tabs v-model="activeName">
          <el-tab-pane label="登录账户设置" name="first">
            <login-setting />
          </el-tab-pane>
          <el-tab-pane label="个人详情" name="second">
            <user-detail />
          </el-tab-pane>
          <el-tab-pane label="岗位信息" name="third">
            <jop-info />
          </el-tab-pane>
        </el-tabs>
      </div></el-card>
  </div>
</template>

<script>
import loginSetting from './components/loginSetting'
import jopInfo from './components/jopInfo'
import userDetail from './components/userDetail'

export default {
  name: 'VueHr85Detail',
  components: { loginSetting, userDetail, jopInfo },

  data() {
    return {
      activeName: 'first'
    }
  },

  mounted() {

  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
